<template>
	<div class="icons">
		<div class="icons-item" v-for="(item,index) in IconList">
			<router-link :to="item.link">
				<img :src="item.imgUrl" />
				<p>{{item.title}}</p>
			</router-link>
		</div>
	</div>
</template>

<script>
	/* import Swiper from 'swiper' */
	export default {
		props: ['IconList'],
		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.icons {
		width: 100%;
		margin-top: 0.2rem;
	}

	.icons-item {
		/* background-color: #CCCCCC; */
		width: 20%;
		padding-bottom: 25%;
		height: 0;
		float: left;
	}

	.icons-item img {
		width: 1.1rem;
		height: 1.1rem;
		display: block;
		margin: 0 auto;
	}

	.icons-item p {
		font-size: 0.32rem;
		text-align: center;
		color: #212121;
		margin-top: 0.2rem;
	}
</style>
